<template>
	<view class="page_box">
		<u-navbar :is-back="true" title="账号与安全" v-if="1" :border-bottom="false"></u-navbar>

		<view class="content_box ">
			<view class="content-item">
				<navigator url="../modifyMobilePhnNum/modifyMobilePhnNum" hover-class="none" class="set-item flex align-center justify-between" @click="bindMobilePhnNum">
					<view class="flex align-center">
						<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_tel.png" style="width: 26rpx;height: 38rpx;"></image>
						<text class="set-title">修改手机号</text>
					</view>
					<view class="flex align-center">
						<text class="tipc-right">{{phone}}</text>
						<u-icon name="arrow-right" color="#232323" size="24"></u-icon>
					</view>
				</navigator>
				<navigator url="../login/reset_password" hover-class="none" class="set-item flex align-center justify-between">
					<view class="flex align-center">
						<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_pas.png" style="width: 28rpx;height: 38rpx;"></image>
						<text class="set-title">修改登录密码</text>
					</view>
					<u-icon name="arrow-right" color="#232323" size="24"></u-icon>
				</navigator>
				<view class="set-item flex align-center justify-between" @click="modal_show = true">
					<view class="flex align-center">
						<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_zx.png" style="width: 32rpx;height: 34rpx;"></image>
						<text class="set-title">注销账号</text>
					</view>
					<u-icon name="arrow-right" color="#232323" size="24"></u-icon>
				</view>
			</view>
		
			<!-- 弹窗 -->
			<u-modal 
				v-model="modal_show" 
				:show-cancel-button="true" 
				title="注销当前账号" 
				content="是否确认注销当前账号？"
				@confirm="confirm"
			>
			</u-modal>

		</view>

		<yy-login v-if="vuex_login"></yy-login>
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<u-toast ref="uToast" />
	
	</view>
</template>

<script>
export default {
	data() {
		return {
			modal_show:false,
			phone:''
		};
	},
	onShow() {
		
	},
	onLoad(e) {
		var tel = '15823414648'
		this.phone = tel.substr(0, 3) + '****' + tel.substr(7)
	},
	methods: {
		confirm(){
			console.log("注销成功")
		},
		bindMobilePhnNum(){
			
		}
	}
};
</script>

<style lang="scss" scoped>
.page_box {

}

.content_box {
	.set-item{
		padding: 36rpx 0;
		border-bottom: 1rpx solid #F7F7F7;
		&:last-child{
			border-bottom: none;
		}
		.set-title{
			margin-left: 30rpx;
		}	
	}
	.position-bottom{
		position: fixed;
		width: 100vw;
		left: 0;
		bottom: 68rpx;
		padding: 0 30rpx;
	}
	.circle-btn{
		background: #4a515b;
		color: #FFFFFF;
		font-family: PingFang SC, PingFang SC-Medium;
		border-radius: 45rpx;
		font-size: 30rpx;
		font-weight: 500;
		line-height: 90rpx;
	}
	.tipc-right{
		color: #999999;
		font-size: 26rpx;
		margin-right: 20rpx;
	}
}
</style>
